<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>本该如此｜留言</title>
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/basic-pc.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2373479_ug98nt9mdgo.css">
    <link rel="stylesheet" href="./css/style.css" >
    <link rel="stylesheet" href="./css/message.css">
</head>
<body>
    
    <div class="header white_bg">
        <div class="header_inner main flex_box">
            <h1 id="logo">Anyway521</h1>
            <ul class="nav">
                <li><a href="index.html" class="iconfont iconzhuye">首页</a></li>
                <li><a href="https://anyway521.gitee.io" class="iconfont iconbokeyuan" target="_blank">博客</a></li>
                <li><a href="./album.html" class="iconfont icontupian">相册</a></li>
                <li><a href="./message.html" class="iconfont iconliaotian">留言</a></li>
            </ul>
        </div>
    </div>
    <div class="container clearfix">
        <div class="container_inner main">
            <div class="left-con flex_box_v">
                <div class="banner">
                    <h2>留言板</h2>
                    <h3>Troubleshooting any problem without the error log
                        is like driving with your eyes closed.</h3>
                    <h3>在没有任何错误日志的情况下诊断任何问题无异于闭眼开车</h3>
                </div>
                <div class="msg_info">
                    <p>欢迎访问Github提交issue</p>
                    <ul>
                        <div>反馈Bug或者询问问题之前，请注意：</div>
                        <li>确保你看了安装文档</li>
                        <li>确保你看了主题<a href="">Q&A</a></li>
                        <li>运行时出现问题，注意使用浏览器<kbd>F12</kbd>开发者工具进行查看</li>
                        <li>描述问题可以附带图片，报错提示</li>
                    </ul>
                </div>
                <div class="msg_content">
                    <form class="msg_submit">
                        <div class="msg_top flex_box"><span class="iconfont icongithub1"></span><textarea name="" id="" placeholder="说点什么"></textarea></div>
                        <div class="msg_bottom flex_box"><span>支持markdown语法</span><div><input type="button" value="使用Github登录"><input type="submit" value="评论"></div></div>
                    </form>
                </div>
                <div class="msg_reply">    
                    <div class="reply_item flex_box"> 
                        <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/visitor.jpg" alt="">
                        <div class="reply_body flex_box_v">
                            <div class="reply_body_top flex_box">
                                <a href="" class="visitor_name">Algunas</a><span class="iconfont iconicon_reply" title="回复"></span>
                            </div>
                            <p>yilia主题使用中自动变大，原因可能是浏览器的问题</p>
                        </div>
                    </div>
                    <div class="reply_item flex_box">
                        <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/char.jpg" alt="">
                        <div class="reply_body flex_box_v">
                            <div class="reply_body_top flex_box">
                                <a href="" class="visitor_name">Des_tiny</a><span class="iconfont iconicon_reply" title="回复"></span>
                            </div>
                            <p>可以看下浏览器的默认设置，不同的笔记本的缩放比例不同，会给网页的展示造成影响，建议手动设置浏览的缩放比，比如电脑默认缩放125%,那就需要把浏览器窗口大小改成80%</p>
                        </div>
                    </div>
                    <div class="reply_item flex_box">
                        <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/visitor.jpg" alt="">
                        <div class="reply_body flex_box_v">
                            <div class="reply_body_top flex_box">
                                <a href="" class="visitor_name">Algunas</a><span class="iconfont iconicon_reply" title="回复"></span>
                            </div>
                            <p>yilia主题使用中自动变大，原因可能是浏览器的问题</p>
                        </div>
                    </div>
                    <div class="reply_item flex_box">
                        <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/char.jpg" alt="">
                        <div class="reply_body flex_box_v">
                            <div class="reply_body_top flex_box">
                                <a href="" class="visitor_name">Des_tiny</a><span class="iconfont iconicon_reply" title="回复"></span>
                            </div>
                            <p>可以看下浏览器的默认设置，不同的笔记本的缩放比例不同，会给网页的展示造成影响，建议手动设置浏览的缩放比，比如电脑默认缩放125%,那就需要把浏览器窗口大小改成80%</p>
                        </div>
                    </div>
                    <div class="reply_item flex_box">
                        <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/visitor.jpg" alt="">
                        <div class="reply_body flex_box_v">
                            <div class="reply_body_top flex_box">
                                <a href="" class="visitor_name">Algunas</a><span class="iconfont iconicon_reply" title="回复"></span>
                            </div>
                            <p>yilia主题使用中自动变大，原因可能是浏览器的问题</p>
                        </div>
                    </div>
                    <div class="reply_item flex_box">
                        <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/char.jpg" alt="">
                        <div class="reply_body flex_box_v">
                            <div class="reply_body_top flex_box">
                                <a href="" class="visitor_name">Des_tiny</a><span class="iconfont iconicon_reply" title="回复"></span>
                            </div>
                            <p>可以看下浏览器的默认设置，不同的笔记本的缩放比例不同，会给网页的展示造成影响，建议手动设置浏览的缩放比，比如电脑默认缩放125%,那就需要把浏览器窗口大小改成80%</p>
                        </div>
                    </div>
                    <div class="reply_item flex_box">
                        <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/visitor.jpg" alt="">
                        <div class="reply_body flex_box_v">
                            <div class="reply_body_top flex_box">
                                <a href="" class="visitor_name">Algunas</a><span class="iconfont iconicon_reply" title="回复"></span>
                            </div>
                            <p>yilia主题使用中自动变大，原因可能是浏览器的问题</p>
                        </div>
                    </div>
                    <div class="reply_item flex_box">
                        <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/char.jpg" alt="">
                        <div class="reply_body flex_box_v">
                            <div class="reply_body_top flex_box">
                                <a href="" class="visitor_name">Des_tiny</a><span class="iconfont iconicon_reply" title="回复"></span>
                            </div>
                            <p>可以看下浏览器的默认设置，不同的笔记本的缩放比例不同，会给网页的展示造成影响，建议手动设置浏览的缩放比，比如电脑默认缩放125%,那就需要把浏览器窗口大小改成80%</p>
                        </div>
                    </div>
                    
                </div>
                
            </div>
            <div class="right-con">
                <!-- 个人信息 -->
                <div class="conduct white_bg">
                    <div class="header_pic">
                        <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/char.jpg" alt="">
                    </div>
                    <h2>Des_tiny</h2>
                    <p>胆小认生，不易相处。</p>
                    <ul class="social_list flex_box">
                        <li class="social_item"><a href="" title="CSDN"><span class="iconfont iconcsdn1"></span></a></li>
                        <li class="social_item"><a href="" title="QQ"><span class="iconfont iconqq"></span></a></li>
                        <li class="social_item"><a href="" title="Github"><span class="iconfont icongithub1"></span></a></li>
                        <li class="social_item"><a href="" title="Bilibili"><span class="iconfont iconbilibili-line"></span></a></li>
                        <li class="social_item"><a href="" title="Gitee"><span class="iconfont icongitee-fill-round"></span></a></li>
                    </ul>
                    <form class="search">
                        <input type="text" placeholder="请输入搜索内容"><input type="submit" value=""><span class="iconfont icon-"></span>
                    </form>
                </div>
                
                <!-- 每日一句 -->
                <div class="daily white_bg right-con-item">
                    <div class="base_title">
                        <em class="iconfont iconsign-review"></em>
                        <span>每日一句</span>
                    </div>
                    <div class="daily_pic">
                        <img src="https://cdn.jsdelivr.net/gh/Anyway521/demo_pic@main/img/daily01.jpg" alt="">
                    </div>
                    <div class="daily_text">
                        <p class="daily_en">If we survive danger it steels our courage more than anything else. </p>
                        <p class="daily_cn">如果我们在危险中生存下来，它将比任何东西都更能增强我们的勇气。</p>
                    </div>
                </div>
                

            </div>
        </div>
    </div>
    <div class="footer flex_box_v">
        <p class="footer_top">
            &copy; 2020 - 2021 BY Des_tiny
        </p>
        <p class="footer_bottom">
            渐变-浅色主题
        </p>
    </div>
    <div class="back" title="返回顶部">
        <a href="#" class="iconfont iconsign-review"></a>
    </div>
</body>
</html>